<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Markdown编辑器 | 码上知道</title>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

		<link rel="shortcut icon " type="images/x-icon" href="image/favicon.ico" />
		<link href="https://cdn.bootcss.com/font-awesome/5.13.0/css/all.css" rel="stylesheet">
		<link href="https://cdn.bootcss.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
		<link rel="stylesheet" href="vendor/Editor.md/css/editormd.css" />
		<link href="css/common.css" rel="stylesheet" />
		<link href="css/editor.css" rel="stylesheet" />

		<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/semantic-ui/2.4.1/semantic.min.js"></script>
		<script src="vendor/Editor.md/editormd.min.js"></script>
		<script src="js/common.js"></script>
		<script src="js/editor.js"></script>

	</head>
	<body>
		<div id="sidebar" class="ui left sidebar thin vertical inverted menu">
			<div id="sidebaruser" class="item">
				<div id="sidebarheadphoto">
				</div>
				<div id="sidebarlogintips">
					您还未登录<br />请<a class="logintrigger" href="javascript:void(0);">&nbsp;登录&nbsp;</a>或<a href="register.html">&nbsp;注册&nbsp;</a>
				</div>
			</div>
			<a class="item" href="index.html">
				首页<i class="fas fa-home icon"></i>
			</a>
			<a class="item" href="index.html">
				看问答<i class="fas fa-comments icon"></i>
			</a>
			<a class="item" href="article.html">
				看文章<i class="fas fa-book icon"></i>
			</a>
			<a class="item" href="https://github.com/jxzhangaoran/mszdqabbs">
				关于网站<i class="fas fa-rss icon"></i>
			</a>
			<a class="item" href="https://github.com/jxzhangaoran">
				关于作者<i class="fas fa-at icon"></i>
			</a>
			<a class="item mobilelogined loginhidden" href="invite.html">
				邀请回答<span class="inviteNumber">0</span><i class="envelope outline icon"></i>
			</a>
			<a class="item mobilelogined loginhidden" href="me.html">
				我的<i class="user icon"></i>
			</a>
			<a class="item mobilelogined loginhidden" href="javascript:void(0)" id="mobilecancellogin">
				注销登录<i class="power off icon"></i>
			</a>
			<div id="sidebarlogocontainer" class="item" style="	border-bottom: none !important;">
				<div id="sidebarlogo">
				</div>
				<div id="sidebarlogotips">
					2020<br />By @Matsk
				</div>
			</div>
		</div>
		<div class="dimmed pusher">
			<header>
				<div class="ui borderless main menu fixed">
					<a href="javascript:void(0)" id="togglePusher" class="item showhigherthan900">
						<i class="fa fa-bars"></i>
					</a>
					<div class="ui text container" style="max-width: 700px !important;">
						<div href="#" class="header item">
							<img src="image/logo.png" id="navlogo" style="height: 30px; width: auto;cursor: pointer;" alt="码上知道" />
						</div>
						<div class="right menu">
							<a href="index.html" class="item hidelowerthan900"><i class="fas fa-comments icon"></i>&nbsp;看问答</a>
							<a href="article.html" class="item hidelowerthan900"><i class="fas fa-book icon"></i>&nbsp;看文章</a>
							<div class="ui simple dropdown item hidelowerthan900">
								更多 <i class="dropdown icon"></i>
								<div class="menu">
									<a class="item" href="https://github.com/jxzhangaoran/mszdqabbs"><i class="fas fa-rss icon"></i>&nbsp;关于网站</a>
									<a class="item" href="https://github.com/jxzhangaoran"><i class="fas fa-at icon"></i>&nbsp;关于作者</a>
								</div>
							</div>
							<div id="search" class="item ui search">
								<div class="ui icon input">
									<i class="search link icon " id="searchicon"></i>
									<input type="text" class="prompt" placeholder="用户/问答/文章">
								</div>
							</div>
						</div>
						<div id="headphotoitem" class="item hidelowerthan900" style="position: absolute; right: 30px; margin-top: -2.5px;">
							<div id="headphotocontainer" style="width: 40px;
						height: 40px;
						border: 1.5px solid dimgray;
						margin-top: -6px;
						border-radius: 50% !important;
						background-image: url(image/default_headphoto.png);
						background-size: 100% 100%;
						background-position: center;
						background-repeat: no-repeat;">
							<i class="circle icon msgTipRedPoint"></i>
							</div>
							<div id="usertips" class="ui custom popup top left transition hidden">
								<div id="notlogin">
									您还未登录<br />请<a class="logintrigger" href="javascript:void(0);">&nbsp;登录&nbsp;</a>或<a href="register.html">&nbsp;注册&nbsp;</a>
								</div>
								<div id="logined" class="loginhidden">
									<div class="usernamediv">
										欢迎回来<br /><span id="usernameinfo"></span>
									</div>
									<div class="ui divider"></div>
									<div class="ui vertical pointing menu">
										<a class="item" href="invite.html">
											邀请回答<span class="inviteNumber" style="margin-left: 1em;">0</span><i class="envelope outline icon" style="margin-top: 0.2em"></i>
										</a>
										<a class="item" href="me.html">
											我的<i class="user icon"></i>
										</a>
										<a class="item" id="pccancellogin">
											注销<i class="power off icon"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="ui modal" id="loginmodal">
					<i class="close icon"></i>
					<div class="header" style="text-align: center;">
						欢迎
					</div>
					<div class="content" style="text-align: center;">
						<form class="ui form" id="loginform">
							<div class="ui stacked segment">
								<div class="field" id="usernamefield">
									<div class="ui left icon input">
										<i class="address card icon"></i>
										<input id="usernameinput" type="text" name="username" placeholder="用户名或电子邮箱" autocomplete="off" />
									</div>
								</div>
								<div class="field" id="passwordfield">
									<div class="ui left icon input">
										<i class="key icon"></i>
										<input id="passwordinput" type="password" name="password" placeholder="密码" autocomplete="off" />
									</div>
								</div>
								<div class="inline field" style="text-align: left;">
									<label data-tooltip="请尝试找回密码或联系QQ:1004529325." data-position="top center"><i class="question circle outline icon"></i>登录遇到问题？</label>
									<a style="float: right;" href="javascript:void(0);" id="getBackPassword">找回密码</a>
								</div>
								<div class="inline field" style="text-align: left;">
									<label><i class="question circle outline icon"></i>新用户？</label>
									<a style="float: right;" href="javascript:void(0);" id="goRegister">注册账号</a>
								</div>
								<div class="ui fluid large blue submit button" id="loginbtn">登录</div>
							</div>
							<div class="ui error message" id="loginerrorlist">
								<ul class="list">

								</ul>
							</div>
						</form>
					</div>
				</div>
				<!-- 找回密码 -->
				<div class="ui modal" id="findPasswordModal">
					<i class="close icon"></i>
					<div class="header" style="text-align: center;">
						请输入您注册时的邮箱
					</div>
					<div class="content" style="text-align: center;">
						<form class="ui form">
							<div class="ui stacked segment">
								<div class="field" id="findpasswordfield">
									<div class="ui left icon input">
										<i class="envelope open icon"></i>
										<input id="findpasswordemailinput" type="text" name="findpasswordemail" placeholder="example@abc.com"
										 autocomplete="off" />
									</div>
								</div>
								<div class="field" id="findpasswordverifycodefield" style="display: none;">
									<div class="ui left icon input">
										<i class="code icon"></i>
										<input id="findpasswordverifycodeinput" type="text" name="findpasswordverifycode" placeholder="6位数字验证码"
										 autocomplete="off" />
									</div>
								</div>
								<div class="field" id="findpasswordinputfield" style="display: none;">
									<div class="ui left icon input">
										<i class="lock icon"></i>
										<input id="newpasswordinput" type="password" name="newpassword" placeholder="包含字母和数字，6-20位" autocomplete="off" />
									</div>
								</div>
								<div class="ui fluid large blue button" id="findpasswordbtn" style="font-size: 1em;">找回密码</div>
								<div class="ui fluid large blue button disabled" id="findpasswordbtn_step2" style="font-size: 1em;display:none">下一步</div>
								<div class="ui fluid large blue button disabled" id="findpasswordbtn_step3" style="font-size: 1em;display:none">确认修改</div>
							</div>
							<div class="ui error message" id="findpassworderrorlist">
								<ul class="list">

								</ul>
							</div>
						</form>
					</div>
				</div>
				<!-- 成功修改提示模态框 -->
				<div class="ui modal" id="success_modal">
					<i class="close icon"></i>
					<div class="header" style="text-align: center;">
						恭喜你，提交成功啦
					</div>
					<div class="content" style="text-align: center;">
						<img src="image/success.png" class="tip_modal_pic" />
					</div>
					<div class="actions">
						<div id="success_modal_ok" class="ui positive right labeled icon button">
							好的
							<i class="checkmark icon"></i>
						</div>
					</div>
				</div>
				<!-- 失败修改提示模态框 -->
				<div class="ui modal" id="failed_modal">
					<i class="close icon"></i>
					<div class="header" style="text-align: center;">
						抱歉，出了点问题
					</div>
					<div class="content" style="text-align: center;">
						<img src="image/failed.png" class="tip_modal_pic" />
					</div>
					<div class="actions">
						<div id="failed_modal_ok" class="ui negative right labeled icon button">
							好吧
							<i class="checkmark icon"></i>
						</div>
					</div>
				</div>
			</header>

			<main style="margin-top: 5em;">
				<a name="needInputHeadInfos"></a>
				<div class="ui container">
					<div class="wide column">
						<!-- 欢迎宣传语 -->
						<div id="topDescriptionContainer">
							<div class="typeDescription hiddenFirst writeArticleToShow" id="writeArticleDes">
								<h1><i class="edit icon"></i>发表文章</h1>
								<h3>让社区听见你的声音</h3>
							</div>
							<div class="typeDescription hiddenFirst submitQuestionToShow" id="submitQuestionDes">
								<h1><i class="question circle outline icon"></i>提问题</h1>
								<h3>有什么问题，尽管来吧</h3>
							</div>
							<div class="typeDescription hiddenFirst submitAnswerToShow" id="submitAnswerDes">
								<h1><i class="pencil alternate icon"></i>写回答</h1>
								<h3>你的智慧，我们来见证</h3>
							</div>
							<div class="typeDescription hiddenFirst editArticleToShow" id="editArticleDes">
								<h1><i class="edit icon"></i>编辑文章</h1>
								<h3>添加、修改或删除内容</h3>
							</div>
							<div class="typeDescription hiddenFirst editQuestionToShow" id="editQuestionDes">
								<h1><i class="edit icon"></i>编辑问题</h1>
								<h3>添加、修改或删除内容</h3>
							</div>
							<div class="typeDescription hiddenFirst editAnswerToShow" id="editAnswerDes">
								<h1><i class="edit icon"></i>编辑回答</h1>
								<h3>添加、修改或删除内容</h3>
							</div>
						</div>
						<div class="ui divider"></div>
						<!-- 各种类编辑有不同头部信息输入要求 -->
						<div class="hiddenFirst writeArticleToShow" id="articleHeadContainer">
							<h1 id="articleTitleLabel"><i class="heading icon"></i>文章标题</h1>
							<div class="ui corner labeled input" id="articleTitleInputContainer">
							  <input type="text" data-title="50个字符以内哦" placeholder="起个让人过目不忘的名字吧" id="articleHeadInput" />
							</div>
						</div>
						<div class="hiddenFirst submitQuestionToShow" id="questionHeadContainer">
							<h1 id="questionTitleLabel"><i class="heading icon"></i>问题标题</h1>
							<div class="ui corner labeled input" id="questionTitleInputContainer">
							  <input type="text" data-title="50个字符以内哦" placeholder="概括性地描述你的问题" id="questionHeadInput" />
							</div>
						</div>
						<div class="hiddenFirst submitAnswerToShow" id="answerHeadContainer">
							<div class="questionToAnswerTitleLabel">
								<h1><i class="pencil alternate icon"></i>正在回答的问题：</h1>
							</div>
							<div class="questionToAnswerTitleDiv">
								<h2><i class="quote left icon"></i>&nbsp;<a href="javascript:void(0)" class="questionToAnswerTitle">这里是要回答的问题标题</a>&nbsp;<i class="quote right icon"></i></h2>
							</div>
						</div>
						<div class="hiddenFirst editArticleToShow" id="editArticleHeadContainer">
							<h1 id="editArticleTitleLabel"><i class="heading icon"></i>文章标题</h1>
							<div class="ui corner labeled input" id="articleTitleInputContainer">
							  <input type="text" data-title="50个字符以内哦" placeholder="起个让人过目不忘的名字吧" id="editArticleHeadInput" />
							</div>
						</div>
						<div class="hiddenFirst editQuestionToShow" id="editQuestionHeadContainer">
							<h1 id="editArticleTitleLabel"><i class="heading icon"></i>问题标题</h1>
							<div class="ui corner labeled input" id="articleTitleInputContainer">
							  <input type="text" data-title="50个字符以内哦" placeholder="概括性地描述你的问题" id="editQuestionHeadInput" />
							</div>
						</div>
						<div class="hiddenFirst editAnswerToShow" id="editAnswerHeadContainer">
							<div class="questionToEditAnswerTitleLabel">
								<h1><i class="pencil alternate icon"></i>正在回答的问题：</h1>
							</div>
							<div class="questionToEditAnswerTitleDiv">
								<h2><i class="quote left icon"></i>&nbsp;<a href="javascript:void(0)" class="questionToEditAnswerTitle">这里是要回答的问题标题</a>&nbsp;<i class="quote right icon"></i></h2>
							</div>
						</div>
						<!-- 帮助 -->
						<div id="markdownHelper">
							<p>
								<i class="question circle icon"></i>
								不会Markdown语法？那就写纯文本吧！或者看看&nbsp;<a href="https://www.runoob.com/markdown/md-tutorial.html" target="_self" style="font-weight: 700;">教程<i class="arrow right icon"></i></a>
							</p>
						</div>
						<!-- Editor.md生成区域 -->
						<div id="markdownContainer">
							<div id="markdownArea">
								
							</div>
						</div>
						<!-- 提交区域 -->
						<div class="ui divider"></div>
						<div id="submitContainer">
							<button class="submitBtn ui blue button hiddenFirst writeArticleToShow" id="articleSubmitBtn"><i class="telegram plane icon"></i><span id="articleBtnWord">确认发表</span></button>
							<button class="submitBtn ui blue button hiddenFirst submitQuestionToShow" id="questionSubmitBtn"><i class="telegram plane icon"></i><span id="questionBtnWord">确认发表</span></button>
							<button class="submitBtn ui blue button hiddenFirst submitAnswerToShow" id="answerSubmitBtn"><i class="telegram plane icon"></i><span id="answerBtnWord">确认发表</span></button>
							<button class="submitBtn ui blue button hiddenFirst editArticleToShow" id="editArticleSubmitBtn"><i class="telegram plane icon"></i><span id="editArticleBtnWord">确认修改</span></button>
							<button class="submitBtn ui blue button hiddenFirst editQuestionToShow" id="editQuestionSubmitBtn"><i class="telegram plane icon"></i><span id="editQuestionBtnWord">确认修改</span></button>
							<button class="submitBtn ui blue button hiddenFirst editAnswerToShow" id="editAnswerSubmitBtn"><i class="telegram plane icon"></i><span id="editAnswerBtnWord">确认修改</span></button>
						</div>
						<!-- 移动端提示 -->
						<div class="ui floating icon message" id="mobileEditTip">
							<i class="close icon"></i>
							<div class="content">
								<div class="header">
									<h3>建议您在PC上进行编辑，<br />以获得更好的体验</h3>
								</div>
								<div class="content" style="margin-top: 1em;">
									<button class="ui blue button" style="float: right;">我知道了</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</main>
		</div>
	</body>
</html>